$color: #003366;

html,
body,
#app {
    width: 100%;
    height: 100%;
    overflow: hidden;
    background: #f0f0f0;
	overflow: auto;
}

.main {
    position: relative;
    height: 100%;
    margin-left: 220px;
    margin-right: 10px;
    margin-top: 70px;
}
    
.content {
    width: auto;
    height: 100%;
	padding: 5px;
	border-radius: 0 0 5px 5px;
    background: #fff;
}

.sidebar {
    width: 200px !important;
    height: 90%;
    position: fixed;
    top: 3.8125rem;
    bottom: 0;
    left: 0;
    z-index: 100;
    overflow-x: hidden;
	// overflow-y: scroll;
	
    .el-menu {
        min-height: 100%;
    }
    /* 菜单hover时的背景 */
    .el-submenu__title:hover,
    .el-menu-item:hover {
        background: $color !important; 
		// background-image: linear-gradient(to right, #4CA1AF , #4CA1AF) !important;
		color: #fff !important;
    }
    // 菜单active时的背景
    .el-menu-item.is-active {
        background: $color !important;
		// background-image: linear-gradient(to right, #4CA1AF , #4CA1AF) !important;
		color: #fff !important;
    }
    
    .el-menu-item, .el-submenu__title{
    		height: 45px !important;
    		line-height: 45px !important;
			font-size: 12px;
    }
}

.header {
	// 菜单active时的背景
	.el-menu-item.is-active {
	    background: #fff !important;
		// background-image: linear-gradient(to right, #4CA1AF , #4CA1AF) !important;
		color: #000 !important;
	}
}

.navCollapsed {
    .sidebar {
        width: 64px !important;
    }
    
    .main {
        margin-left: 84px;
        margin-right: 0;
    }
}

.el-breadcrumb {
    font-size: 16px;
    margin-left: 5px;
    .el-breadcrumb__inner {
        &.is-link {
            display: inline-block;
            font-weight: normal;
            color: #fff !important;
        }
    }
    .is-last-link .is-link {
        font-weight: normal;
        color: #ccc !important;
    }
}


.tags-li.active {
    border: 1px solid $color;
    background-color: $color;
	// background-image: linear-gradient(to right, #4CA1AF , #4CA1AF);
}
 
.tags-li.active .tags-li-icon {
	color: #fff;
}

// primary按钮样式
.el-button--primary {
	background-color: $color !important;
	border-color: $color !important;
}

// tabs样式
.el-tabs__item.is-active {
	color: $color !important;
}

.el-tabs__active-bar {
	background-color: $color !important;
}

.el-tabs__item:hover {
	color: $color !important;
}

// .el-checkbox {
// 	width: 120px;
// }
.leftaa .el-image-viewer__wrapper {
	width: 50% !important;
	position: fixed;
	top: 0;
	right: 50%;
	left: 0;
	bottom: 0;
	background: #fff;
	border-right: #fff solid 1px;
}

.leftbb .el-image-viewer__wrapper {
	width: 50% !important;
	position: fixed;
	top: 0;
	right: 0;
	left: 50%;
	bottom: 0;
	background: #fff;
}



